<template>
  <div class="home">

    <div>
      <el-row>
        <el-col :span="6" v-for="(o, index) in 8" :key="o" class="course_detail">
          <el-card :body-style="{ padding: '0px' }">
            <img src="https://www.jhwckqyy.com/upfile/2020/04/1587000294463.jpg"
                 class="image">
            <div style="padding: 14px;">
              <span>正畸矫正医生</span>
              <div class="bottom clearfix">
                <time class="time">姓名:戴俊杰</time>
                <el-button type="text" class="button">查看详情</el-button>
              </div>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <img src="https://img1.baidu.com/it/u=3603746577,213449396&fm=253&fmt=auto&app=138&f=JPEG?w=1357&h=500" alt="" width="100%" height="500px">

  </div>
</template>

<script>
export default {
  name: "Course"
}
</script>
<style scoped>
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.course_detail {
  padding: 50px;
}
</style>